<template>
  <div>
    <el-tabs type="card" v-model="activeName">
      <el-tab-pane name="first">
        <span slot="label">
          <i class="el-icon-tickets"></i>
          债券指令
        </span>
        <div v-if="activeName === 'first'">
          <BankStock />
        </div>
      </el-tab-pane>
      <el-tab-pane name="second">
        <span slot="label">
          <i class="el-icon-tickets"></i>
          回购指令
        </span>
        <div v-if="activeName === 'second'">
          <BankRepurchase />
        </div>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script lang="ts">
import { Component, Vue, Watch } from 'vue-property-decorator';
import BankStock from './components/bank-invest/bank-stock.vue';
import BankRepurchase from './components/bank-invest/bank-repurchase.vue';

@Component({
  name: 'InvestBank',
  components: { BankStock, BankRepurchase },
})
export default class InvestBank extends Vue {
  activeName: string = 'first';
}
</script>
<style lang="scss" scoped>
</style>
